import "../../index.scss";
import "./star.scss";

export default defineComponent({
	name: "Star",
	setup() {
		return () => (
			<div class="css-umstnt">
				<div class="px-[4px] flex">
					<button aria-label="Unmark as favorite" class="css-rtjhl">
						<div class="inline-block">
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" class="css-ipe25j">
								<path d="M17.56 21.56a1 1 0 01-.46-.12L12 18.76l-5.1 2.68a1 1 0 01-1.45-1.05l.98-5.68L2.3 10.7a1 1 0 01.56-1.71l5.7-.83L11.1 3a1.04 1.04 0 011.8 0l2.55 5.16 5.7.83a1 1 0 01.55 1.7l-4.13 4.02.98 5.68a1 1 0 01-.99 1.17z"></path>
							</svg>
						</div>
					</button>
				</div>
			</div>
		);
	}
});
